<?php
include ('template/header.php');
require_once "includes/basicas.php";
?>
<style type="text/css">
    #accordion a:hover{
        background-color: #CBC49C;
    }
    .spPalabra{
        color: blue;
        text-decoration: underline;
    }
</style>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('images/btn_inicio_over.gif','images/btn_usuario_over.gif','images/btn_cargar_over.gif','images/btn_info_over.gif')">
    <?php require_once 'enBody.php'; ?>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td height="200" background="images/fnd.jpg">&nbsp;</td>
                    </tr>
                </table></td>                
            <td width="860"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td height="142" align="left" valign="top" bgcolor="#006666"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                            <tr>
                                                <td width="23" height="123">&nbsp;</td>
                                                <td width="212" align="left" valign="top"><a href="index.php" target="_self"><img src="images/logo_sema_2.gif" alt="Inicio" width="212" height="123" border="0"></a></td>
                                                <td width="625" align="left" valign="bottom" >
                                                    <?php echo fnTituloHeader(); ?>
                                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                        <tr>
                                                            <td width="600" height="15" align="right" valign="middle" class="ingresar"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                    <tr>
                                                                        <td width="500"><div align="right" class="ingresar">&nbsp;</div></td>
                                                                        <td width="100"><div align="right"><span class="nombre-usuario"><?php if (isset($_SESSION['autenticado'])) { ?>Hola <?php echo $_SESSION['nombres'] ?> <?php } else { ?> Bienvenido <?php } ?></span></div></td>
                                                                    </tr>
                                                                </table></td>
                                                            <td width="25" height="35">&nbsp;</td>
                                                        </tr>
                                                    </table>
                                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                        <tr>
                                                            <td width="600" height="15" align="right" class="olvido-cerrar"><?php if (isset($_SESSION['autenticado'])) { ?><a href="salir.php">Cerrar sesi&oacute;n</a> <?php } else { ?> <?php ?><?php } ?></td>
                                                            <td width="25">&nbsp;</td>
                                                        </tr>
                                                    </table>

                                                </td>
                                            </tr>
                                        </table>
                                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                            <tr>
                                                <td height="19" background="images/fnd_header.gif">&nbsp;</td>
                                            </tr>
                                        </table></td>
                                </tr>
                            </table>
                            <div style="text-align: left;color: red;">
                                <?php if (isset($_GET['error'])) { ?>Sesion no iniciada. Usuario y/o contrase&ntilde;a incorrectos.
                                <?php } ?>
                            </div>
                            <div >
                                AYUDA
                            </div>
                            <div id="accordion">
                                <h3><a href="#">MANUALES</a></h3>
                                <div>
                                    <ul>
                                        <li><a href="#">Manual de usuario 1</a></li>
                                        <li><a href="#">Manual de usuario 2</a></li>
                                        <li><a href="#">Manual de usuario 3</a></li>
                                        <li><a href="#">Manual de usuario 4</a></li>
                                    </ul>
                                </div>
                                <h3><a href="#">GLOSARIO</a></h3>
                                <div>
                                    <ul>
                                        <li><span class="spPalabra">Palabra uno:</span><span class="spSignificado">Significa palabra uno</span></li>
                                        <li><span class="spPalabra">Palabra dos:</span><span class="spSignificado">Significa palabra dos</span></li>
                                        <li><span class="spPalabra">Palabra tres:</span><span class="spSignificado">Significa palabra tres</span></li>
                                        <li><span class="spPalabra">Palabra cuatro:</span><span class="spSignificado">Significa palabra cuatro</span></li>
                                    </ul>
                                </div>
                            </div>                            <!-- Formulario que se presenta cuando se quiere generar el reporte de Estudiantes -->
                            <!-- Fin de formulario de estudiantes -->
                            <?php include ('template/footer.php'); ?>
                            <script>
                                $(function() {
                                    $( "#accordion" ).accordion();
                                });
                            </script>